:root {
  --ctp-latte-rosewater: #dc8a78;
  --ctp-latte-rosewater-rgb: 220,138,120;
  --ctp-latte-rosewater-hsl: 10.800,58.824%,66.667%;
  --ctp-latte-flamingo: #dd7878;
  --ctp-latte-flamingo-rgb: 221,120,120;
  --ctp-latte-flamingo-hsl: 0.000,59.763%,66.863%;
  --ctp-latte-pink: #ea76cb;
  --ctp-latte-pink-rgb: 234,118,203;
  --ctp-latte-pink-hsl: 316.034,73.418%,69.020%;
  --ctp-latte-mauve: #8839ef;
  --ctp-latte-mauve-rgb: 136,57,239;
  --ctp-latte-mauve-hsl: 266.044,85.047%,58.039%;
  --ctp-latte-red: #d20f39;
  --ctp-latte-red-rgb: 210,15,57;
  --ctp-latte-red-hsl: 347.077,86.667%,44.118%;
  --ctp-latte-maroon: #e64553;
  --ctp-latte-maroon-rgb: 230,69,83;
  --ctp-latte-maroon-hsl: 354.783,76.303%,58.627%;
  --ctp-latte-peach: #fe640b;
  --ctp-latte-peach-rgb: 254,100,11;
  --ctp-latte-peach-hsl: 21.975,99.184%,51.961%;
  --ctp-latte-yellow: #df8e1d;
  --ctp-latte-yellow-rgb: 223,142,29;
  --ctp-latte-yellow-hsl: 34.948,76.984%,49.412%;
  --ctp-latte-green: #40a02b;
  --ctp-latte-green-rgb: 64,160,43;
  --ctp-latte-green-hsl: 109.231,57.635%,39.804%;
  --ctp-latte-teal: #179299;
  --ctp-latte-teal-rgb: 23,146,153;
  --ctp-latte-teal-hsl: 183.231,73.864%,34.510%;
  --ctp-latte-sky: #04a5e5;
  --ctp-latte-sky-rgb: 4,165,229;
  --ctp-latte-sky-hsl: 197.067,96.567%,45.686%;
  --ctp-latte-sapphire: #209fb5;
  --ctp-latte-sapphire-rgb: 32,159,181;
  --ctp-latte-sapphire-hsl: 188.859,69.953%,41.765%;
  --ctp-latte-blue: #1e66f5;
  --ctp-latte-blue-rgb: 30,102,245;
  --ctp-latte-blue-hsl: 219.907,91.489%,53.922%;
  --ctp-latte-lavender: #7287fd;
  --ctp-latte-lavender-rgb: 114,135,253;
  --ctp-latte-lavender-hsl: 230.935,97.203%,71.961%;
  --ctp-latte-text: #4c4f69;
  --ctp-latte-text-rgb: 76,79,105;
  --ctp-latte-text-hsl: 233.793,16.022%,35.490%;
  --ctp-latte-subtext1: #5c5f77;
  --ctp-latte-subtext1-rgb: 92,95,119;
  --ctp-latte-subtext1-hsl: 233.333,12.796%,41.373%;
  --ctp-latte-subtext0: #6c6f85;
  --ctp-latte-subtext0-rgb: 108,111,133;
  --ctp-latte-subtext0-hsl: 232.800,10.373%,47.255%;
  --ctp-latte-overlay2: #7c7f93;
  --ctp-latte-overlay2-rgb: 124,127,147;
  --ctp-latte-overlay2-hsl: 232.174,9.623%,53.137%;
  --ctp-latte-overlay1: #8c8fa1;
  --ctp-latte-overlay1-rgb: 140,143,161;
  --ctp-latte-overlay1-hsl: 231.429,10.048%,59.020%;
  --ctp-latte-overlay0: #9ca0b0;
  --ctp-latte-overlay0-rgb: 156,160,176;
  --ctp-latte-overlay0-hsl: 228.000,11.236%,65.098%;
  --ctp-latte-surface2: #acb0be;
  --ctp-latte-surface2-rgb: 172,176,190;
  --ctp-latte-surface2-hsl: 226.667,12.162%,70.980%;
  --ctp-latte-surface1: #bcc0cc;
  --ctp-latte-surface1-rgb: 188,192,204;
  --ctp-latte-surface1-hsl: 225.000,13.559%,76.863%;
  --ctp-latte-surface0: #ccd0da;
  --ctp-latte-surface0-rgb: 204,208,218;
  --ctp-latte-surface0-hsl: 222.857,15.909%,82.745%;
  --ctp-latte-base: #eff1f5;
  --ctp-latte-base-rgb: 239,241,245;
  --ctp-latte-base-hsl: 220.000,23.077%,94.902%;
  --ctp-latte-mantle: #e6e9ef;
  --ctp-latte-mantle-rgb: 230,233,239;
  --ctp-latte-mantle-hsl: 220.000,21.951%,91.961%;
  --ctp-latte-crust: #dce0e8;
  --ctp-latte-crust-rgb: 220,224,232;
  --ctp-latte-crust-hsl: 220.000,20.690%,88.627%;
}

:root {
  --ctp-frappe-rosewater: #f2d5cf;
  --ctp-frappe-rosewater-rgb: 242,213,207;
  --ctp-frappe-rosewater-hsl: 10.286,57.377%,88.039%;
  --ctp-frappe-flamingo: #eebebe;
  --ctp-frappe-flamingo-rgb: 238,190,190;
  --ctp-frappe-flamingo-hsl: 0.000,58.537%,83.922%;
  --ctp-frappe-pink: #f4b8e4;
  --ctp-frappe-pink-rgb: 244,184,228;
  --ctp-frappe-pink-hsl: 316.000,73.171%,83.922%;
  --ctp-frappe-mauve: #ca9ee6;
  --ctp-frappe-mauve-rgb: 202,158,230;
  --ctp-frappe-mauve-hsl: 276.667,59.016%,76.078%;
  --ctp-frappe-red: #e78284;
  --ctp-frappe-red-rgb: 231,130,132;
  --ctp-frappe-red-hsl: 358.812,67.785%,70.784%;
  --ctp-frappe-maroon: #ea999c;
  --ctp-frappe-maroon-rgb: 234,153,156;
  --ctp-frappe-maroon-hsl: 357.778,65.854%,75.882%;
  --ctp-frappe-peach: #ef9f76;
  --ctp-frappe-peach-rgb: 239,159,118;
  --ctp-frappe-peach-hsl: 20.331,79.085%,70.000%;
  --ctp-frappe-yellow: #e5c890;
  --ctp-frappe-yellow-rgb: 229,200,144;
  --ctp-frappe-yellow-hsl: 39.529,62.044%,73.137%;
  --ctp-frappe-green: #a6d189;
  --ctp-frappe-green-rgb: 166,209,137;
  --ctp-frappe-green-hsl: 95.833,43.902%,67.843%;
  --ctp-frappe-teal: #81c8be;
  --ctp-frappe-teal-rgb: 129,200,190;
  --ctp-frappe-teal-hsl: 171.549,39.227%,64.510%;
  --ctp-frappe-sky: #99d1db;
  --ctp-frappe-sky-rgb: 153,209,219;
  --ctp-frappe-sky-hsl: 189.091,47.826%,72.941%;
  --ctp-frappe-sapphire: #85c1dc;
  --ctp-frappe-sapphire-rgb: 133,193,220;
  --ctp-frappe-sapphire-hsl: 198.621,55.414%,69.216%;
  --ctp-frappe-blue: #8caaee;
  --ctp-frappe-blue-rgb: 140,170,238;
  --ctp-frappe-blue-hsl: 221.633,74.242%,74.118%;
  --ctp-frappe-lavender: #babbf1;
  --ctp-frappe-lavender-rgb: 186,187,241;
  --ctp-frappe-lavender-hsl: 238.909,66.265%,83.725%;
  --ctp-frappe-text: #c6d0f5;
  --ctp-frappe-text-rgb: 198,208,245;
  --ctp-frappe-text-hsl: 227.234,70.149%,86.863%;
  --ctp-frappe-subtext1: #b5bfe2;
  --ctp-frappe-subtext1-rgb: 181,191,226;
  --ctp-frappe-subtext1-hsl: 226.667,43.689%,79.804%;
  --ctp-frappe-subtext0: #a5adce;
  --ctp-frappe-subtext0-rgb: 165,173,206;
  --ctp-frappe-subtext0-hsl: 228.293,29.496%,72.745%;
  --ctp-frappe-overlay2: #949cbb;
  --ctp-frappe-overlay2-rgb: 148,156,187;
  --ctp-frappe-overlay2-hsl: 227.692,22.286%,65.686%;
  --ctp-frappe-overlay1: #838ba7;
  --ctp-frappe-overlay1-rgb: 131,139,167;
  --ctp-frappe-overlay1-hsl: 226.667,16.981%,58.431%;
  --ctp-frappe-overlay0: #737994;
  --ctp-frappe-overlay0-rgb: 115,121,148;
  --ctp-frappe-overlay0-hsl: 229.091,13.360%,51.569%;
  --ctp-frappe-surface2: #626880;
  --ctp-frappe-surface2-rgb: 98,104,128;
  --ctp-frappe-surface2-hsl: 228.000,13.274%,44.314%;
  --ctp-frappe-surface1: #51576d;
  --ctp-frappe-surface1-rgb: 81,87,109;
  --ctp-frappe-surface1-hsl: 227.143,14.737%,37.255%;
  --ctp-frappe-surface0: #414559;
  --ctp-frappe-surface0-rgb: 65,69,89;
  --ctp-frappe-surface0-hsl: 230.000,15.584%,30.196%;
  --ctp-frappe-base: #303446;
  --ctp-frappe-base-rgb: 48,52,70;
  --ctp-frappe-base-hsl: 229.091,18.644%,23.137%;
  --ctp-frappe-mantle: #292c3c;
  --ctp-frappe-mantle-rgb: 41,44,60;
  --ctp-frappe-mantle-hsl: 230.526,18.812%,19.804%;
  --ctp-frappe-crust: #232634;
  --ctp-frappe-crust-rgb: 35,38,52;
  --ctp-frappe-crust-hsl: 229.412,19.540%,17.059%;
}

:root {
  --ctp-macchiato-rosewater: #f4dbd6;
  --ctp-macchiato-rosewater-rgb: 244,219,214;
  --ctp-macchiato-rosewater-hsl: 10.000,57.692%,89.804%;
  --ctp-macchiato-flamingo: #f0c6c6;
  --ctp-macchiato-flamingo-rgb: 240,198,198;
  --ctp-macchiato-flamingo-hsl: 0.000,58.333%,85.882%;
  --ctp-macchiato-pink: #f5bde6;
  --ctp-macchiato-pink-rgb: 245,189,230;
  --ctp-macchiato-pink-hsl: 316.071,73.684%,85.098%;
  --ctp-macchiato-mauve: #c6a0f6;
  --ctp-macchiato-mauve-rgb: 198,160,246;
  --ctp-macchiato-mauve-hsl: 266.512,82.692%,79.608%;
  --ctp-macchiato-red: #ed8796;
  --ctp-macchiato-red-rgb: 237,135,150;
  --ctp-macchiato-red-hsl: 351.176,73.913%,72.941%;
  --ctp-macchiato-maroon: #ee99a0;
  --ctp-macchiato-maroon-rgb: 238,153,160;
  --ctp-macchiato-maroon-hsl: 355.059,71.429%,76.667%;
  --ctp-macchiato-peach: #f5a97f;
  --ctp-macchiato-peach-rgb: 245,169,127;
  --ctp-macchiato-peach-hsl: 21.356,85.507%,72.941%;
  --ctp-macchiato-yellow: #eed49f;
  --ctp-macchiato-yellow-rgb: 238,212,159;
  --ctp-macchiato-yellow-hsl: 40.253,69.912%,77.843%;
  --ctp-macchiato-green: #a6da95;
  --ctp-macchiato-green-rgb: 166,218,149;
  --ctp-macchiato-green-hsl: 105.217,48.252%,71.961%;
  --ctp-macchiato-teal: #8bd5ca;
  --ctp-macchiato-teal-rgb: 139,213,202;
  --ctp-macchiato-teal-hsl: 171.081,46.835%,69.020%;
  --ctp-macchiato-sky: #91d7e3;
  --ctp-macchiato-sky-rgb: 145,215,227;
  --ctp-macchiato-sky-hsl: 188.780,59.420%,72.941%;
  --ctp-macchiato-sapphire: #7dc4e4;
  --ctp-macchiato-sapphire-rgb: 125,196,228;
  --ctp-macchiato-sapphire-hsl: 198.641,65.605%,69.216%;
  --ctp-macchiato-blue: #8aadf4;
  --ctp-macchiato-blue-rgb: 138,173,244;
  --ctp-macchiato-blue-hsl: 220.189,82.813%,74.902%;
  --ctp-macchiato-lavender: #b7bdf8;
  --ctp-macchiato-lavender-rgb: 183,189,248;
  --ctp-macchiato-lavender-hsl: 234.462,82.278%,84.510%;
  --ctp-macchiato-text: #cad3f5;
  --ctp-macchiato-text-rgb: 202,211,245;
  --ctp-macchiato-text-hsl: 227.442,68.254%,87.647%;
  --ctp-macchiato-subtext1: #b8c0e0;
  --ctp-macchiato-subtext1-rgb: 184,192,224;
  --ctp-macchiato-subtext1-hsl: 228.000,39.216%,80.000%;
  --ctp-macchiato-subtext0: #a5adcb;
  --ctp-macchiato-subtext0-rgb: 165,173,203;
  --ctp-macchiato-subtext0-hsl: 227.368,26.761%,72.157%;
  --ctp-macchiato-overlay2: #939ab7;
  --ctp-macchiato-overlay2-rgb: 147,154,183;
  --ctp-macchiato-overlay2-hsl: 228.333,20.000%,64.706%;
  --ctp-macchiato-overlay1: #8087a2;
  --ctp-macchiato-overlay1-rgb: 128,135,162;
  --ctp-macchiato-overlay1-hsl: 227.647,15.455%,56.863%;
  --ctp-macchiato-overlay0: #6e738d;
  --ctp-macchiato-overlay0-rgb: 110,115,141;
  --ctp-macchiato-overlay0-hsl: 230.323,12.351%,49.216%;
  --ctp-macchiato-surface2: #5b6078;
  --ctp-macchiato-surface2-rgb: 91,96,120;
  --ctp-macchiato-surface2-hsl: 229.655,13.744%,41.373%;
  --ctp-macchiato-surface1: #494d64;
  --ctp-macchiato-surface1-rgb: 73,77,100;
  --ctp-macchiato-surface1-hsl: 231.111,15.607%,33.922%;
  --ctp-macchiato-surface0: #363a4f;
  --ctp-macchiato-surface0-rgb: 54,58,79;
  --ctp-macchiato-surface0-hsl: 230.400,18.797%,26.078%;
  --ctp-macchiato-base: #24273a;
  --ctp-macchiato-base-rgb: 36,39,58;
  --ctp-macchiato-base-hsl: 231.818,23.404%,18.431%;
  --ctp-macchiato-mantle: #1e2030;
  --ctp-macchiato-mantle-rgb: 30,32,48;
  --ctp-macchiato-mantle-hsl: 233.333,23.077%,15.294%;
  --ctp-macchiato-crust: #181926;
  --ctp-macchiato-crust-rgb: 24,25,38;
  --ctp-macchiato-crust-hsl: 235.714,22.581%,12.157%;
}

:root {
  --ctp-mocha-rosewater: #f5e0dc;
  --ctp-mocha-rosewater-rgb: 245,224,220;
  --ctp-mocha-rosewater-hsl: 9.600,55.556%,91.176%;
  --ctp-mocha-flamingo: #f2cdcd;
  --ctp-mocha-flamingo-rgb: 242,205,205;
  --ctp-mocha-flamingo-hsl: 0.000,58.730%,87.647%;
  --ctp-mocha-pink: #f5c2e7;
  --ctp-mocha-pink-rgb: 245,194,231;
  --ctp-mocha-pink-hsl: 316.471,71.831%,86.078%;
  --ctp-mocha-mauve: #cba6f7;
  --ctp-mocha-mauve-rgb: 203,166,247;
  --ctp-mocha-mauve-hsl: 267.407,83.505%,80.980%;
  --ctp-mocha-red: #f38ba8;
  --ctp-mocha-red-rgb: 243,139,168;
  --ctp-mocha-red-hsl: 343.269,81.250%,74.902%;
  --ctp-mocha-maroon: #eba0ac;
  --ctp-mocha-maroon-rgb: 235,160,172;
  --ctp-mocha-maroon-hsl: 350.400,65.217%,77.451%;
  --ctp-mocha-peach: #fab387;
  --ctp-mocha-peach-rgb: 250,179,135;
  --ctp-mocha-peach-hsl: 22.957,92.000%,75.490%;
  --ctp-mocha-yellow: #f9e2af;
  --ctp-mocha-yellow-rgb: 249,226,175;
  --ctp-mocha-yellow-hsl: 41.351,86.047%,83.137%;
  --ctp-mocha-green: #a6e3a1;
  --ctp-mocha-green-rgb: 166,227,161;
  --ctp-mocha-green-hsl: 115.455,54.098%,76.078%;
  --ctp-mocha-teal: #94e2d5;
  --ctp-mocha-teal-rgb: 148,226,213;
  --ctp-mocha-teal-hsl: 170.000,57.353%,73.333%;
  --ctp-mocha-sky: #89dceb;
  --ctp-mocha-sky-rgb: 137,220,235;
  --ctp-mocha-sky-hsl: 189.184,71.014%,72.941%;
  --ctp-mocha-sapphire: #74c7ec;
  --ctp-mocha-sapphire-rgb: 116,199,236;
  --ctp-mocha-sapphire-hsl: 198.500,75.949%,69.020%;
  --ctp-mocha-blue: #89b4fa;
  --ctp-mocha-blue-rgb: 137,180,250;
  --ctp-mocha-blue-hsl: 217.168,91.870%,75.882%;
  --ctp-mocha-lavender: #b4befe;
  --ctp-mocha-lavender-rgb: 180,190,254;
  --ctp-mocha-lavender-hsl: 231.892,97.368%,85.098%;
  --ctp-mocha-text: #cdd6f4;
  --ctp-mocha-text-rgb: 205,214,244;
  --ctp-mocha-text-hsl: 226.154,63.934%,88.039%;
  --ctp-mocha-subtext1: #bac2de;
  --ctp-mocha-subtext1-rgb: 186,194,222;
  --ctp-mocha-subtext1-hsl: 226.667,35.294%,80.000%;
  --ctp-mocha-subtext0: #a6adc8;
  --ctp-mocha-subtext0-rgb: 166,173,200;
  --ctp-mocha-subtext0-hsl: 227.647,23.611%,71.765%;
  --ctp-mocha-overlay2: #9399b2;
  --ctp-mocha-overlay2-rgb: 147,153,178;
  --ctp-mocha-overlay2-hsl: 228.387,16.757%,63.725%;
  --ctp-mocha-overlay1: #7f849c;
  --ctp-mocha-overlay1-rgb: 127,132,156;
  --ctp-mocha-overlay1-hsl: 229.655,12.775%,55.490%;
  --ctp-mocha-overlay0: #6c7086;
  --ctp-mocha-overlay0-rgb: 108,112,134;
  --ctp-mocha-overlay0-hsl: 230.769,10.744%,47.451%;
  --ctp-mocha-surface2: #585b70;
  --ctp-mocha-surface2-rgb: 88,91,112;
  --ctp-mocha-surface2-hsl: 232.500,12.000%,39.216%;
  --ctp-mocha-surface1: #45475a;
  --ctp-mocha-surface1-rgb: 69,71,90;
  --ctp-mocha-surface1-hsl: 234.286,13.208%,31.176%;
  --ctp-mocha-surface0: #313244;
  --ctp-mocha-surface0-rgb: 49,50,68;
  --ctp-mocha-surface0-hsl: 236.842,16.239%,22.941%;
  --ctp-mocha-base: #1e1e2e;
  --ctp-mocha-base-rgb: 30,30,46;
  --ctp-mocha-base-hsl: 240.000,21.053%,14.902%;
  --ctp-mocha-mantle: #181825;
  --ctp-mocha-mantle-rgb: 24,24,37;
  --ctp-mocha-mantle-hsl: 240.000,21.311%,11.961%;
  --ctp-mocha-crust: #11111b;
  --ctp-mocha-crust-rgb: 17,17,27;
  --ctp-mocha-crust-hsl: 240.000,22.727%,8.627%;
}

body.theme-Mocha {
  --window-background: rgb(var(--ctp-mocha-crust-rgb));
  --main-background: rgb(var(--ctp-mocha-base-rgb));
  --main-border: 1px solid rgba(56, 59, 65, 1);
  --min-btn-background: rgba(var(--ctp-mocha-yellow-rgb), 0.5);
  --max-btn-background: rgba(var(--ctp-mocha-green-rgb), 0.5);
  --close-btn-background: rgba(var(--ctp-mocha-red-rgb), 0.5);
  --window-btn-icon-color: var(--ctp-mocha-text);
  --default-text-color: var(--ctp-mocha-text-rgb);
  --card-background: var(--ctp-mocha-surface0);
  --card-border-radius: 8px;
  --card-border: 1px solid var(--ctp-mocha-surface1);
  --sidebar-item-background: rgba(255, 255, 255, 0);
  --sidebar-item-background-hover: var(--ctp-mocha-surface0);
  --dialog-border: 1px solid rgb(56, 59, 65);
  --dialog-border-radius: 10px;
  --dialog-background: var(--ctp-mocha-base);
  --tag-border-radius: 4px;
  --list-item-background: var(--ctp-mocha-surface0);
  --setting-item-background: var(--ctp-mocha-surface0);
  --setting-item-background-hover: var(--ctp-mocha-surface1);
  --setting-item-background-active: var(--ctp-mocha-surface2);
  --controllers-border-radius: 6px;
  --controllers-border: 1px solid rgba(var(--ctp-mocha-lavender-rgb), 0.18);
  --controllers-outline-focus: 1px solid var(--ctp-mocha-lavender);
  --controllers-background: var(--ctp-mocha-surface1);
  --controllers-background-hover: var(--ctp-mocha-surface2);
  --controllers-background-focus: var(--ctp-mocha-surface2);
  --toggle-switch-outline: 1px solid var(--ctp-mocha-overlay2);
  --toggle-switch-background: var(--ctp-mocha-surface1);
  --toggle-switch-button: var(--ctp-mocha-overlay2);
  --toggle-switch-active: var(--ctp-mocha-blue);
}

body.theme-Mocha .title-bar .search-bar {
    background: var(--ctp-mocha-surface0)
}
body.theme-Mocha .title-bar .account {
    background: var(--ctp-mocha-surface0)
}
body.theme-Macchiato {
  --window-background: rgb(var(--ctp-macchiato-crust-rgb));
  --main-background: rgb(var(--ctp-macchiato-base-rgb));
  --main-border: 1px solid rgba(56, 59, 65, 1);
  --min-btn-background: rgba(var(--ctp-macchiato-yellow-rgb), 0.5);
  --max-btn-background: rgba(var(--ctp-macchiato-green-rgb), 0.5);
  --close-btn-background: rgba(var(--ctp-macchiato-red-rgb), 0.5);
  --window-btn-icon-color: var(--ctp-macchiato-text);
  --default-text-color: var(--ctp-macchiato-text-rgb);
  --card-background: var(--ctp-macchiato-surface0);
  --card-border-radius: 8px;
  --card-border: 1px solid var(--ctp-macchiato-surface1);
  --sidebar-item-background: rgba(255, 255, 255, 0);
  --sidebar-item-background-hover: var(--ctp-macchiato-surface0);
  --dialog-border: 1px solid rgb(56, 59, 65);
  --dialog-border-radius: 10px;
  --dialog-background: var(--ctp-macchiato-base);
  --tag-border-radius: 4px;
  --list-item-background: var(--ctp-macchiato-surface0);
  --setting-item-background: var(--ctp-macchiato-surface0);
  --setting-item-background-hover: var(--ctp-macchiato-surface1);
  --setting-item-background-active: var(--ctp-macchiato-surface2);
  --controllers-border-radius: 6px;
  --controllers-border: 1px solid rgba(var(--ctp-macchiato-lavender-rgb), 0.48);
  --controllers-outline-focus: 1px solid var(--ctp-macchiato-lavender);
  --controllers-background: var(--ctp-macchiato-surface1);
  --controllers-background-hover: var(--ctp-macchiato-surface2);
  --controllers-background-focus: var(--ctp-macchiato-surface2);
  --toggle-switch-outline: 1px solid var(--ctp-macchiato-overlay2);
  --toggle-switch-background: var(--ctp-macchiato-surface1);
  --toggle-switch-button: var(--ctp-macchiato-overlay2);
  --toggle-switch-active: var(--ctp-macchiato-blue);
}

body.theme-Macchiato .title-bar .search-bar {
    background: var(--ctp-macchiato-surface0)
}
body.theme-Macchiato .title-bar .account {
    background: var(--ctp-macchiato-surface0)
}

body.theme-Frappe {
  --window-background: rgb(var(--ctp-frappe-crust-rgb));
  --main-background: rgb(var(--ctp-frappe-base-rgb));
  --main-border: 1px solid rgba(56, 59, 65, 1);
  --min-btn-background: rgba(var(--ctp-frappe-yellow-rgb), 0.5);
  --max-btn-background: rgba(var(--ctp-frappe-green-rgb), 0.5);
  --close-btn-background: rgba(var(--ctp-frappe-red-rgb), 0.5);
  --window-btn-icon-color: var(--ctp-frappe-text);
  --default-text-color: var(--ctp-frappe-text-rgb);
  --card-background: var(--ctp-frappe-surface0);
  --card-border-radius: 8px;
  --card-border: 1px solid var(--ctp-frappe-surface1);
  --sidebar-item-background: rgba(255, 255, 255, 0);
  --sidebar-item-background-hover: var(--ctp-frappe-surface0);
  --dialog-border: 1px solid rgb(56, 59, 65);
  --dialog-border-radius: 10px;
  --dialog-background: var(--ctp-frappe-base);
  --tag-border-radius: 4px;
  --list-item-background: var(--ctp-frappe-surface0);
  --setting-item-background: var(--ctp-frappe-surface0);
  --setting-item-background-hover: var(--ctp-frappe-surface1);
  --setting-item-background-active: var(--ctp-frappe-surface2);
  --controllers-border-radius: 6px;
  --controllers-border: 1px solid rgba(var(--ctp-frappe-lavender-rgb), 0.48);
  --controllers-outline-focus: 1px solid var(--ctp-frappe-lavender);
  --controllers-background: var(--ctp-frappe-surface1);
  --controllers-background-hover: var(--ctp-frappe-surface2);
  --controllers-background-focus: var(--ctp-frappe-surface2);
  --toggle-switch-outline: 1px solid var(--ctp-frappe-overlay2);
  --toggle-switch-background: var(--ctp-frappe-surface1);
  --toggle-switch-button: var(--ctp-frappe-overlay2);
  --toggle-switch-active: var(--ctp-frappe-blue);
}

body.theme-Frappe .title-bar .search-bar {
    background: var(--ctp-frappe-surface0)
}

body.theme-Frappe .title-bar .account {
    background: var(--ctp-frappe-surface0)
}

body.theme-Latte {
    --theme-color: var(--ctp-latte-lavender);
    --window-background: var(--ctp-latte-crust);
    --main-background: var(--ctp-latte-base);
  --main-border: 1px solid #00000000;
    --min-btn-background: var(--ctp-latte-yellow);
    --max-btn-background: var(--ctp-latte-green);
    --close-btn-background: var(--ctp-latte-red);
    --window-btn-icon-color: var(--ctp-latte-base);
    --default-text-color: 76,79,105;
    --card-background: var(--ctp-latte-mantle);
    --card-border-radius: 8px;
    --card-border: 1px solid var(--ctp-latte-crust);
    --card-icon-background: rgba(0, 0, 0, 0.041);
    --card-icon-border-radius: 6px;
    --sidebar-item-background: rgba(255, 255, 255, 0);
    --sidebar-item-background-hover: rgba(255, 255, 255, 0.08);
    --dialog-border-radius: 10px;
    --dialog-border: 1px solid var(--ctp-latte-crust);
    --dialog-background: var(--ctp-latte-crust);
    --tag-border-radius: 4px;
    --list-item-background: rgba(var(--ctp-latte-crust-rgb, 0.6));
    --setting-item-background: rgba(var(--ctp-latte-mantle-rgb, 0.8));
    --setting-item-background-hover: var(--ctp-latte-crust);
    --setting-item-background-active: var(--ctp-latte-surface0);
    --setting-group-border: 1px solid var(--ctp-latte-crust);
    --controllers-border-radius: 4px;
    --controllers-border: 1px solid rgba(var(--ctp-latte-lavender-rgb), 0.58);
    --controllers-border-active: 1px solid rgba(var(--ctp-latte-lavender-rgb), 1);
    --controllers-outline-focus: 1px solid var(--ctp-latte-lavender);
    --controllers-background: var(--ctp-latte-crust);
    --controllers-background-hover: var(--ctp-latte-surface0);
    --controllers-background-focus: var(--ctp-latte-surface0);
    --toggle-switch-outline: 1px solid var(--ctp-latte-overlay2);
    --toggle-switch-background: var(--ctp-latte-crust);
    --toggle-switch-button: var(--ctp-latte-overlay2);
    --toggle-switch-active: var(--theme-color);
}

body.theme-Latte code {
    padding: 2px 4px;
    background: var(--ctp-latte-surface1);
    border: 1px solid var(--ctp-latte-surface2);
    color: var(--ctp-latte-text);
    border-radius: 4px;
}


body.theme-Latte .instance-card * {
    color: var(--ctp-latte-base) !important;
}

body.theme-Latte .instance-card {
    background-image: url(@/assets/images/banners/1.18.webp) !important;
}

body.theme-Latte .instance:hover {
    background: rgba(255, 255, 255, 0.562) !important;
    border: none !important;
    box-shadow: none !important;
}

